<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui" 
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">

    <p:panelGrid style="font-size: small;">
        <f:facet name="header">  
        <p:row>  
            <p:column style="border: hidden;" colspan="3"><h2>${msg.alta_como_admin}</h2></p:column>  
        </p:row>
        </f:facet>
        <p:row>
            <p:column style="border: hidden;vertical-align: top">
                <p:outputLabel value="#{msg.admin_nombre}:" /><p:outputLabel value="*" style="color: red" />
            </p:column>
            <p:column style="border: hidden" colspan="2">
                <p:inputText style="width:200px" id="admin_nombre" 
                               requiredMessage="* #{msg.necesario}"
                               value="#{bdcontrol.adminNombre}"
                               required="true"/>
                <p:message for="contentform:admin_nombre"/>
            </p:column>
        </p:row>
        <p:row>
            <p:column style="border: hidden;vertical-align: top">
                <p:outputLabel value="#{msg.admin_apellidos}:" /><p:outputLabel value="*" style="color: red" />
            </p:column>
            <p:column style="border: hidden" colspan="2">
                <p:inputText style="width:300px" id="admin_apellidos" 
                               requiredMessage="* #{msg.necesario}"
                               value="#{bdcontrol.adminApellidos}"
                               required="true"/>
                <p:message for="contentform:admin_apellidos"/>
                <br /><br />
            </p:column>
        </p:row>
        <p:row>
            <p:column style="border: hidden;vertical-align: top">
                <p:outputLabel value="#{msg.admin_dni}:" />
            </p:column>
            <p:column style="border: hidden" colspan="2">
                
                <p:inputText style="width:120px" id="admin_dni" 
                               requiredMessage="* #{msg.necesario}"
                               value="#{bdcontrol.adminDni}"
                               required="true"/>
                <br /><p:outputLabel style="font-size: x-small" value="98123123X,11222333A,..."/><br />
                <p:message for="contentform:admin_dni"/>
                <br /><br />
            </p:column>
        </p:row>
        <p:row>
            <p:column style="border: hidden;vertical-align: top">
                <p:outputLabel value="#{msg.admin_cargo}:" />
            </p:column>
            <p:column style="border: hidden" colspan="2">
                <p:inputText style="width:350px" id="admin_cargo" 
                               requiredMessage="* #{msg.necesario}"
                               value="#{bdcontrol.adminCargo}"
                               required="true"/>
                <br /><p:outputLabel style="font-size: x-small" value="Concejal de deportes, Presidente de federación,..."/><br />
                <p:message for="contentform:admin_cargo"/>
            </p:column>
        </p:row>
        <p:row>
            <p:column style="border: hidden;vertical-align: top">
                <p:outputLabel value="#{msg.admin_organizacion}:" />
            </p:column>
            <p:column style="border: hidden" colspan="2">
                <p:inputText style="width:350px" id="admin_organizacion" 
                               requiredMessage="* #{msg.necesario}"
                               value="#{bdcontrol.adminOrganizacion}"
                               required="true"/>
                <br /><p:outputLabel style="font-size: x-small" value="Ayuntamiento de Torrevieja, Colegio San Martín,..."/><br />
                <p:message for="contentform:admin_organizacion"/>
                <br /><br />
            </p:column>
        </p:row>
        <p:row>
            <p:column style="border: hidden;vertical-align: top">
                <p:outputLabel value="#{msg.admin_telefono}:" /><p:outputLabel value="*" style="color: red" />
            </p:column>
            <p:column style="border: hidden" colspan="2">
                <p:inputText style="width:120px" id="admin_telefono" 
                               requiredMessage="* #{msg.necesario}"
                               value="#{bdcontrol.adminTelefono}"
                               required="true"/>
                <p:message for="contentform:admin_telefono"/>
                <br />
            </p:column>
        </p:row>
        <p:row>
            <p:column style="border: hidden;vertical-align: top">
                <p:outputLabel value="#{msg.admin_pais}:" /><p:outputLabel value="*" style="color: red" />
            </p:column>
            <p:column style="border: hidden" colspan="2">
                <p:selectOneMenu style="width:300px" panelStyle="width:300px" effect="fold" id="pais_search" value="#{bdcontrol.adminPais}">
                        <c:if test="#{bdcontrol.adminPais==null}">
                            <f:selectItem itemLabel="Selecciona un país" itemValue="" />
                        </c:if>
                        <f:selectItems itemDescription="#{pais.continent}" value="#{bdcontrol.findListadoPaises()}" var="pais" itemLabel="#{pais.name}" itemValue="#{pais.code}"/> 
                    <p:ajax global="true" update="pais_search, district_search, city_search, cpostal_search" listener="#{bdcontrol.ActualizaProvincias}" event="change" /> 
                </p:selectOneMenu>
                <p:message for="contentform:pais_search"/>
            </p:column>
        </p:row>
        <p:row>
            <p:column style="border: hidden;vertical-align: top">
                <p:outputLabel value="#{msg.admin_provincia}:" /><p:outputLabel value="*" style="color: red" />
            </p:column>
            <p:column style="border: hidden" colspan="2">
                <p:selectOneMenu style="width:300px" panelStyle="width:300px" effect="fold" id="district_search" value="#{bdcontrol.adminProvincia}">
                    <c:if test="#{bdcontrol.adminProvincia==null}">
                        <f:selectItem itemLabel="" itemValue="" />
                    </c:if>
                    <f:selectItems value="#{bdcontrol.vListaProvincias}" var="district" itemLabel="#{district}" itemValue="#{district}"/> 
                    <p:ajax global="true" update="city_search, cpostal_search" listener="#{bdcontrol.ActualizaLocalidades}" event="change" /> 
                </p:selectOneMenu>
                <p:message for="contentform:district_search"/>
            </p:column>
        </p:row>
        <p:row>
            <p:column style="border: hidden;vertical-align: top">
                <p:outputLabel value="#{msg.admin_localidad}:" /><p:outputLabel value="*" style="color: red" />
            </p:column>
            <p:column style="border: hidden" colspan="2">
                <p:selectOneMenu style="width:300px" panelStyle="width:300px" effect="fold" id="city_search" value="#{bdcontrol.adminLocalidad}">
                    <c:if test="#{bdcontrol.adminLocalidad==null}">
                        <f:selectItem itemLabel="" itemValue="" />
                    </c:if>
                    <f:selectItems value="#{bdcontrol.vListaLocalidades}" var="city" itemLabel="#{city}" itemValue="#{city}"/> 
                    <p:ajax global="true" update="cpostal_search" listener="#{bdcontrol.ActualizaCpostales}" event="change" /> 
                </p:selectOneMenu>
                <p:message for="contentform:city_search"/>
            </p:column>
        </p:row>
        <p:row>
            <p:column style="border: hidden;vertical-align: top">
                <p:outputLabel value="#{msg.admin_cpostal}:" /><p:outputLabel value="*" style="color: red" />
            </p:column>
            <p:column style="border: hidden" colspan="2">
                <p:selectOneMenu required="true" requiredMessage="* #{msg.necesario}" style="width:150px" panelStyle="width:300px" effect="fold" maxlength="5" editable="true" id="cpostal_search" value="#{bdcontrol.adminCpostal}">
                    <f:selectItems value="#{bdcontrol.vListaCpostales}" var="cpostal" itemLabel="#{cpostal}" itemValue="#{cpostal}"/> 
                </p:selectOneMenu>
                <p:message for="contentform:cpostal_search"/>
            </p:column>
        </p:row>
        <p:row>
            <p:column style="border: hidden;vertical-align: top">
                <p:outputLabel value="#{msg.admin_direccion}:" /><p:outputLabel value="*" style="color: red" />
            </p:column>
            <p:column style="border: hidden">
                <p:inputText style="width:300px" id="admin_direccion" 
                               requiredMessage="* #{msg.necesario}"
                               value="#{bdcontrol.adminDireccion}"
                               required="true"/>
                <br /><p:outputLabel style="font-size: x-small" value="Calle Mayor 65, Paseo de Gran Vía 143,..."/><br />
                <p:message for="contentform:admin_direccion"/>
            </p:column>
        </p:row>
        <p:row>
            <p:column style="border: hidden;vertical-align: top">
                <p:outputLabel value="#{msg.admin_direccion_extra}:" />
            </p:column>
            <p:column style="border: hidden" colspan="2">
                <p:inputText style="width:300px" id="admin_direccion2" 
                               value="#{bdcontrol.adminDireccion2}"
                               required="false"/>
                <br /><p:outputLabel style="font-size: x-small" value="Local, escalera, puerta,..."/><br />
                <p:message for="contentform:admin_direccion2"/>
            </p:column>
        </p:row>
        <p:row>
            <p:column style="border: hidden;text-align: right" colspan="3">
                <br />
                <p:commandButton style="width: 150px" id="submit2"
                 value="#{msg.boton_crear}"
                 actionListener="#{bdcontrol.createAdmin}"
                 ajax="false"/>
            </p:column>
        </p:row>

    </p:panelGrid>

</ui:composition>